﻿<%@ Page Title="" EnableEventValidation="false"  Language="C#" MasterPageFile="~/privado/masterpage/MasterPrivado.Master" AutoEventWireup="true" CodeBehind="gestionarclienteguardar.aspx.cs" Inherits="HMS.PresentationWeb.privado.gestionarclienteguardar" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        var idCliente = fn_getURLParameter("q");
        $(function () {
            fn_Init();
        });
        function fn_Init() {
            fn_bind();
            fn_plugin();
        }
        function fn_bind() {
            $("#<%=btnGuardarTarjeta.ClientID%>").click(function (e) {
                GuardarTarjeta();
                e.preventDefault();
            });
            $('#<%=btnAgregar.ClientID%>').click(function (e) {
                fn_account('Agregar Tarjeta de Credito', 0);
                e.preventDefault();
            });
            $('#<%=btnEditar.ClientID%>').click(function (e) {
                if ($('#<%=ddlTarjeta.ClientID %> option').length > 0)
                    fn_account('Editar Tarjeta', $('#<%=ddlTarjeta.ClientID %>').val());
                else
                    alert("Porfavor Inserte Tarjeta");
                e.preventDefault();
            });
            $('div ul li:last-child').each(function () {
                $(this).css('width', '250px');
            });
            fn_Date();
        }
        function fn_Date() {
            var miFechaActual = new Date()
            var Year = 1900 + miFechaActual.getYear();
            var Yearmax = Year + 1;
            var Yearmin = Year - 100;
            // Datepicker
            $('#<%=txtFeNac.ClientID %>').datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: Yearmin + ":" + Yearmax
            });
        }
        function fn_plugin() {
            $(".popup-account").dialog({
                autoOpen: false,
                show: "slide"
            });
        }

        function GuardarTarjeta() {
            success = function (response) {
                if (response.d.CodSeg != "False") {
                    if ($('#<%=hfCredit.ClientID %>').val() == 0)
                        $('select[id$=ddlTarjeta]').append('<option value="' + response.d.Id + '">' + response.d.TipoTarjeta + '****' + ((response.d.NumeroTarjeta.length > 8) ? response.d.NumeroTarjeta.substring(response.d.NumeroTarjeta.length - 4) : '') + '</option>');
                    else {
                        $('select[id$=ddlTarjeta] option').each(function (a, b) {
                            if (response.d.Id == b.value) {
                                b.text = response.d.TipoTarjeta + '****' + ((response.d.NumeroTarjeta.length > 8) ? response.d.NumeroTarjeta.substring(response.d.NumeroTarjeta.length - 4) : '');
                            }
                        });
                    }
                    alert("Guardado Exitoso"); $(".popup-account").dialog("destroy");
                }
                else
                    alert("Error mientras Guardaba");
            };
            error = function (xhr, ajaxOptions, thrownError) {
                alert("Error mientras Guardaba");
            };
            var datacall = '{ data:"' + fn_JsonReplace(fn_objCard($('#<%=hfCredit.ClientID %>').val(), idCliente)) + '" }';

            fn_callmethod("gestionarclienteguardar.aspx/GuardarTarjeta", datacall, success, error);
        }
        function fn_objCard(idCard, idCliente) {
            var varCcv = $('#<%=txtcodseg.ClientID %>').val();
            if (varCcv == '') varCcv = '0';
            var obj = {

                Id: idCard,
                Cliente: idCliente,
                TipoTarjeta: $('#<%=ddlTipoTarjeta.ClientID %>').val(),
                NombreCuenta: $('#<%=txtNombreCuenta.ClientID %>').val(),
                NumeroTarjeta: $('#<%=txtnumtarjeta.ClientID %>').val(),
                ExpMes: $('#<%=ddlMesExp.ClientID %>').val(),
                ExpAnio: $('#<%=ddlAnioExp.ClientID %>').val(),
                CodSeg: varCcv
            };
            var json = JSON.stringify(obj);
            return json;
        }
        function fn_account(title, editid) {
            if (editid == 0) {
                $(".popup-account").dialog({ resizable: false, width: 450, height: 'auto', title: title, modal: true });
                $(".popup-account").dialog("open");
            } else {
                var success = function (response) {
                    if (response.d != null) {
                        if (response.d.TipoTarjeta != "false") {
                            $('#<%=hfCredit.ClientID %>').val(response.d.Id);
                            $('#<%=ddlTipoTarjeta.ClientID %>').val(response.d.TipoTarjeta);
                            $('#<%=txtNombreCuenta.ClientID %>').val(response.d.NombreCuenta);
                            $('#<%=txtnumtarjeta.ClientID %>').val(response.d.NumeroTarjeta);
                            $('#<%=txtcodseg.ClientID %>').val(response.d.CodSeg);
                            $('#<%=ddlMesExp.ClientID %>').val(response.d.ExpMes);
                            $('#<%=ddlAnioExp.ClientID %>').val(response.d.ExpAnio);
                            $(".popup-account").dialog({ resizable: false, width: 450, height: 'auto', title: title, modal: true });
                            $(".popup-account").dialog("open");
                        } else {
                            alert("Error mientras Cargaba");
                        }
                    } else {
                        alert("Error mientras Cargaba");
                    }
                };
                var error = function (xhr, ajaxOptions, thrownError) { };
                fn_callmethod("gestionarclienteguardar.aspx/buscartarjeta", '{ id: "' + editid + '" }', success, error);
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:HiddenField ID="hfCredit" runat="server" />
    <div style="overflow:hidden;height:1%;width:31%">

        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label1" runat="server" Text="Nombres"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtNombres" runat="server"></asp:TextBox>
                </li>
            </ul>

        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label2" runat="server" Text="Apellidos"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtApellidos" runat="server"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label4" runat="server" Text="DNI"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtDNI" runat="server"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label6" runat="server" Text="RUC"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtRUC" runat="server"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label7" runat="server" Text="Tarjeta"></asp:Label></li>
                <li style="float: left">
                    <asp:DropDownList ID="ddlTarjeta" runat="server"></asp:DropDownList>
                    <asp:Button ID="btnAgregar" runat="server" Text="Agregar Tarjeta"></asp:Button>
                    <asp:Button ID="btnEditar" runat="server" Text="Editar Tarjeta"></asp:Button>
                </li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label5" runat="server" Text="Genero"></asp:Label>

                </li>
                <li style="float: left">
                    <asp:RadioButton ID="rbMasculino" Text="Masculino" runat="server" GroupName="Ggenero" />
                    <asp:RadioButton ID="rbFemenino" Text="Femenino" runat="server" GroupName="Ggenero" />
                </li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label3" runat="server" Text="Email"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label8" runat="server" Text="Fecha de Nacimiento"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtFeNac" runat="server"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label9" runat="server" Text="Fecha de Registro"></asp:Label></li>
                <li style="float: left">
                    <asp:TextBox ID="txtFecReg" runat="server" Enabled="false"></asp:TextBox></li>

            </ul>
        </div>
        <div>
            <ul style="list-style: none">
                <li style="width: 140px; float: left">
                    <asp:Label ID="Label10" runat="server" Text="Estado"></asp:Label></li>
                <li style="float: left">
                    <asp:CheckBox ID="chkEstado" runat="server"></asp:CheckBox></li>
            </ul>
        </div>
        <div style="display: none" class="popup-account">
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label11" runat="server" Text="Numero de Tarjeta"></asp:Label></li>
                    <li style="float: left">
                        <asp:TextBox ID="txtnumtarjeta" runat="server"></asp:TextBox></li>

                </ul>
            </div>
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label12" runat="server" Text="Tipo"></asp:Label></li>
                    <li style="float: left">
                        <asp:DropDownList ID="ddlTipoTarjeta" runat="server"></asp:DropDownList></li>

                </ul>
            </div>
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label13" runat="server" Text="Codigo de Seguridad"></asp:Label></li>
                    <li style="float: left">
                        <asp:TextBox ID="txtcodseg" runat="server"></asp:TextBox></li>

                </ul>
            </div>
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label14" runat="server" Text="Año de Expiracion"></asp:Label></li>
                    <li style="float: left">
                        <asp:DropDownList ID="ddlAnioExp" runat="server"></asp:DropDownList></li>

                </ul>
            </div>
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label15" runat="server" Text="Mes de Expiracion"></asp:Label></li>
                    <li style="float: left">
                        <asp:DropDownList ID="ddlMesExp" runat="server">
                            <asp:ListItem Text="Enero" Value="1"></asp:ListItem>
                            <asp:ListItem Text="Febrero" Value="2"></asp:ListItem>
                            <asp:ListItem Text="Marzo" Value="3"></asp:ListItem>
                            <asp:ListItem Text="Abril" Value="4"></asp:ListItem>
                            <asp:ListItem Text="Mayo" Value="5"></asp:ListItem>
                            <asp:ListItem Text="Junio" Value="6"></asp:ListItem>
                            <asp:ListItem Text="Julio" Value="7"></asp:ListItem>
                            <asp:ListItem Text="Agosto" Value="8"></asp:ListItem>
                            <asp:ListItem Text="Septiembre" Value="9"></asp:ListItem>
                            <asp:ListItem Text="Octubre" Value="10"></asp:ListItem>
                            <asp:ListItem Text="Noviembre" Value="11"></asp:ListItem>
                            <asp:ListItem Text="Diciembre" Value="12"></asp:ListItem>
                        </asp:DropDownList></li>

                </ul>
            </div>
            <div>
                <ul style="list-style: none">
                    <li style="width: 140px; float: left">
                        <asp:Label ID="Label16" runat="server" Text="Nombre de Cuenta"></asp:Label></li>
                    <li style="float: left">
                        <asp:TextBox ID="txtNombreCuenta" runat="server"></asp:TextBox></li>

                </ul>
            </div>
            <asp:Button ID="btnGuardarTarjeta" runat="server" Text="Guardar" />
        </div>

    </div>
    <asp:Button ID="btnGuardar" runat="server" Text="Guardar" OnClick="btnGuardar_Click" />
</asp:Content>
